// ** React Imports
import { useEffect, useState } from 'react'

export default () => {
  const mockData = [
    {
      name: '1.【社区动态】招募志愿环保服务队志愿者',
      value: '2023-09-20',
    },
    {
      name: '3.中粮祥云社区开展翰墨飘香书画展”交流会',
      value: '2023-09-20',
    },
    {
      name: '4.【社区动态】招募志愿环保服务队志愿者',
      value: '2023-09-20',
    },
    {
      name: '5.中粮祥云社区开展翰墨飘香书画展”交流会',
      value: '2023-09-20',
    },
  ]
  useEffect(() => {}, [])

  return (
    <div className="left-two">
      <div className="box-title">社区通知</div>
      <div className="box-content right-two-content dis-flex">
        <div>
          {mockData.map((item, index) => {
            return (
              <div key={index} className="dis-flex align-center">
                <div className="circle mr-10"></div>
                <div
                  className="title"
                  style={{ fontSize: '16px', marginRight: '20px', flex: 2 }}
                >
                  {item.name}
                </div>
                <div
                  className="title"
                  style={{ fontSize: '12px', marginRight: '0px' }}
                >
                  {item.value}
                </div>
              </div>
            )
          })}
        </div>
      </div>
    </div>
  )
}
